<template>
  <div>
    <el-menu
        style="width: 200px; min-height: calc(100vh - 50px)"
        :default-active="path"
        :collapse-transition = true
        router>
      <el-menu-item index="/home">主页</el-menu-item>
      <!-- 心理测评是针对学生8开放 -->
      <el-submenu index="1" v-if="user.userFlag === 8">
        <template #title>心理测评</template> 
        <el-menu-item index="/psychotest">测评入口</el-menu-item>
        <el-menu-item index="/mypsychotestres">测评结果</el-menu-item>
      </el-submenu>
      <!-- 心理访谈是针对非医生角色使用 -->
      <el-submenu index="2" v-if="user.userFlag != 7 && user.userFlag != 1&& user.userFlag != 2">
        <template #title>心理访谈</template>
        <el-menu-item index="/healthconsultorder" v-if="user.userFlag === 8">访谈预约</el-menu-item>
        <el-menu-item index="/mytalkrecord">我的访谈记录</el-menu-item>
      </el-submenu>
      <!-- 心理咨询是只针对学生和医生角色使用 -->
      <el-submenu index="3" v-if="user.userFlag === 8||user.userFlag === 7">
        <template #title>心理咨询</template>
        <el-menu-item index="/quesnaire" v-if="user.userFlag === 8">咨询问卷</el-menu-item>
        <el-menu-item index="/healthtalkorder" v-if="user.userFlag === 8">咨询预约</el-menu-item>
        <el-menu-item index="/myconsultrecord">我的咨询记录</el-menu-item>
      </el-submenu>
      <!-- 危机上报是只针对辅导员4和班主任5角色使用 -->
      <!-- 待补充确认 -->
      <el-submenu index="4" v-if="user.userFlag === 4||user.userFlag === 5">
        <template #title>危机干预</template>
        <el-menu-item index="/dangersend">危机上报</el-menu-item>
        <el-menu-item index="#">危机跟踪</el-menu-item>
        <!-- <el-menu-item index="#">我的上报记录</el-menu-item> -->
      </el-submenu>
      <el-submenu index="5" v-if="user.userFlag != 8">
        <template #title>系统管理</template>
        <el-menu-item v-if="user.userFlag != 1" index="/studentmanage">学生管理</el-menu-item>
        <el-menu-item index="/importstulib">重点库管理</el-menu-item>
      </el-submenu>
      <el-submenu index="6" v-if="user.userFlag === 1||user.userFlag === 2">
        <template #title>管理员中心</template>
        <!-- userFlag是1的负责批量、单个添加学生以及查看所有用户和增删改查userFlag=2，7的院管和咨询师的校管 -->
        <!-- userFlag是2的负责userFlag=3,4,5院领导,辅导员，班主任的增删改查 -->
        <el-menu-item v-if="user.userFlag === 1" index="/studentmanage">学生管理</el-menu-item>
        <el-menu-item index="/usersmanage">用户管理</el-menu-item>
        <el-menu-item v-if="user.userFlag === 1" index="/excelupload">表格上传</el-menu-item>
      </el-submenu>
      
      <el-menu-item index="/teamcourse">团体课程</el-menu-item>
    </el-menu>
  </div>
</template>

<script>

export default {
  name: "Aside",
  data() {
    return {
      user: {},
      path: this.$route.path   // 设置默认高亮的菜单
    }
  },
  created() {
    let userStr = sessionStorage.getItem("user") || "{}"
    this.user = JSON.parse(userStr)
  }
}
</script>

<style scoped>

</style>